﻿/*公用*/
*{margin:0;padding:0;}
html{min-height:100%;height:100%;}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,table,th,td,form,input,select,option,button{margin:0;padding:0;}
body{color:#000;font:normal 12px/1.5em arial,"宋体";height:100%;min-height:100%;}
li{list-style:none;}
a,a:visited{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
a:active{outline:none;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:30px;}
h2{font-size:15px;}
h3{font-size:13px;}
h4{font-size:12px;}
table{border-collapse:collapse;border-spacing:0;}
button{cursor:pointer;border:none;}
input,textarea,select,option{font:12px arial,"宋体";}
em{font-style:normal;}

/*整体*/
#container:{width:100%;margin:0 auto;}
.clear{clear:both;height:0;font-size:1px;line-height:0px;}

/*左边*/
.left{float:left;width:16%;min-height:100%;height:100%;}
.left .navigation{float:left;background-color:#2b83df;width:94%;height:100%;}
.left .navigation .logo{text-align:center;background-color:#0f63bb;padding:12px 0px;}
.left .navigation .tree { white-space: normal; position: static;  padding-top: 0px;  max-height: 100%;}
.left .navigation .tree li{font-size:14px;line-height:42px;background-color:#3c97f5;margin-bottom:1px;}
.left .navigation .tree .oracle{background:transparent url(../images/oracle.png) no-repeat scroll 0 0px;margin-left:20%;padding-left:33px;}
.left .navigation .tree .abnormal{background:transparent url(../images/abnormal.png) no-repeat scroll 0 0px;margin-left:20%;padding-left:33px;}
.left .navigation .tree .detail{background:transparent url(../images/detail.png) no-repeat scroll 0 0px;margin-left:20%;padding-left:33px;}
.left .navigation .tree .system{background:transparent url(../images/system.png) no-repeat scroll 0 0px;margin-left:20%;padding-left:33px;}
.left .navigation .tree .out{background:transparent url(../images/out.png) no-repeat scroll 0 0px;margin-left:20%;padding-left:33px;}
.left .navigation .tree a{color:#d2e3fc;}
.left .navigation .node li{font-size:12px;background-color:#2b83df;line-height:32px;margin-bottom:0px;}
.left .navigation .node{background-color:2b83df;display: none}
.left .navigation .node .arrow{background:transparent url(../images/arrow.png) no-repeat scroll 0 0px;margin-left:29%;padding:3px 0px 3px 14px;}
.left .navigation .node .arrow{float: none}
.left .shadow{float:left;background:transparent url(../images/shadow.png) repeat-y scroll 0 0px;width:6%;height:100%;}

/*右边*/
.right{float:left;width:80.5%;padding:20px 2% 20px 1.5%;color:#666;}
.right .position em{color:#2b83df;}
.right .content{width:100%;padding-top:18px;}
.right .content .content_left{float:left;width:49.5%;padding-right:1%;}
.right .content table{width:100%;}
.right .content th{background-color:#e9e9ea;height:26px;line-height:24px;border:1px solid #ddd;text-align:center;padding:0px 5px;font-weight:100;}
.right .content td{line-height:32px;border:1px solid #e9e9e9;text-align:center;padding:0px 5px;}
.right .content .on{background-color:#d8ebff;} 
.right .content td em{color:#e02931;}
.right .content .content_right{float:left;width:49.5%;}

/*主机*/
.right .search{margin-top:18px;border:1px solid #ddd;padding:12px 0px;}
.right .search .search_top{padding-left:15px;}
.right .search .input{border:1px solid #ccc;color:#666;height:22px;width:120px;padding:0px 3px;}
.right .search .start{float:left;}
.right .search .end{float:left;padding-left:10px;}
.right .search .host{float:left;padding-left:10px;}
.right .search select{border:1px solid #ccc;color:#666;height:24px;width:140px;padding:0px 3px;}
.right .search .button{float:left;background-color:#3c97f5;color:#fff;padding:4px 10px;margin-left:5px;}
.right .content td .details-tu{background:transparent url(../images/details.png) no-repeat scroll 0 0px;width:18px;height:19px;}
.right .page{float:right;padding-top:15px;}
.right .page a{color:#666;border:1px solid #e2e3e5;background-color:#fff;padding:4px 9px;margin-left:2px;}
.right .page span{color:#fff;border:1px solid #2e96dc;background-color:#3c97f5;padding:3px 9px;margin-left:2px;}
.right .page em{padding-left:15px;}
.right .page .input{width:50px;margin-left:15px;border:1px solid #ccc;height:22px;color:#666;}
.right .page .button{background-color:#3c97f5;color:#fff;margin-left:6px;height:23px;padding:0px 8px;}
.right .form{width:100%;margin-top:18px;border:1px solid #ddd;}
.right .form .form_head{background-color:#e9e9ea;border-bottom:1px solid #ddd;width:100%;text-align:center;position:relative;font-size:16px;line-height:28px;}
.right .form .form_head img{position:absolute;right:10px;top:7px;}
.right .form .form_main{padding:10px;}
.right .form .form_main img{width:100%;}

/*功能分析*/
.right .search .function{float:left;padding-left:10px;}
.right .search .button_gray{height:24px;padding:10px 0px 0px 15px;}
.right .search .button_gray .button{background-color:#f1f0f0;color:#656565;height:24px;padding:0px 8px;border:1px solid #ddd;margin:0px 5px 0px 0px;}

.right table .button{background-color:#f1f0f0;color:#656565;height:24px;padding:0px 8px;border:1px solid #ddd;margin:0px 5px 0px 0px;}

/*功能分析详情*/
.right .details{width:100%;margin-top:18px;border:1px solid #ddd;}
.right .details .details_head{background-color:#e9e9ea;line-height:34px;border-bottom:1px solid #ddd;}
.right .details .details_head span{padding-left:20px;}
.right .details .method{margin:15px;}
.right .details .method .method_head{background-color:#f5f5f5;line-height:32px;border:1px solid #e6e6e6;}
.right .details .method .method_head span{padding-left:10px;}
.right .details .method table{width:100%;table-layout:fixed;}
.right .details .method th{background-color:#f5f5f5;line-height:32px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;text-align:left;font-weight:100;padding:0px 10px;}
.right .details .method td{line-height:32px;padding:0px 10px;border:1px solid #e6e6e6;overflow:hidden;white-space:nowrap;}
.right .details .method textarea{color:#666;border:1px solid #e6e6e6;margin:5px 0px;}

/*账号管理*/
.right .content td .edit_tu{background:transparent url(../images/edit.png) no-repeat scroll 0 0px;width:18px;height:19px;float:left;padding:0px 3px;}
.right .content td .disable_tu{background:transparent url(../images/disable.png) no-repeat scroll 0 0px;width:18px;height:19px;float:left;padding:0px 3px;}
.right .content td .delete_tu{background:transparent url(../images/delete.png) no-repeat scroll 0 0px;width:18px;height:19px;float:left;padding:0px 3px;}

/*修改密码*/
.right .pass{position:relative;width:100%;margin-top:18px;border:1px solid #ddd;height:280px;}
.right .pass .pass_head{background-color:#e9e9ea;line-height:34px;border-bottom:1px solid #ddd;padding-left:10px;}
.right .pass_xq{width:240px;left:50%;margin-left:-115px;position:absolute;top:80px;}
.right .pass_xq td{padding-bottom:10px;}
.right .pass_xq .text{text-align:right;}
.right .pass_xq input{text-align:left;border:1px solid #ddd;width:160px;height:23px;color:#656565;padding-left:5px;}
.right .pass_xq .button{float:left;background-color:#3c97f5;color:#fff;padding:4px 10px;margin-right:5px;}

/*阀值配置*/
.right .search .fz{float:left;padding-left:20px;}

/*修改主机*/
.right .pass_xq textarea{text-align:left;border:1px solid #ddd;width:160px;color:#656565;padding-left:5px;}

/*修改阀值*/
.right .pass_xq select{border:1px solid #ddd;color:#666;height:24px;width:166px;padding:0px 3px;}

/*基本配置*/
.right .details .details_main{padding:20px;}
.right .details .details_main .text_l{text-align:right;width:30%}
.right .details .details_main input{text-align:left;border:1px solid #ddd;width:160px;height:23px;color:#656565;padding-left:5px;margin-right:5px;}
.right .details .details_main td{padding-bottom:10px;}
.right .details .details_main .details_main_l{float:left;width:50%;}
.right .details .details_main .details_main_r{float:left;width:50%;}
.right .details .details_main select{border:1px solid #ddd;color:#666;height:24px;width:166px;padding:0px 3px;}
.right .details .details_main em{color:#e02931}
.right .anniu_base{text-align:center;padding-top:20px;}
.right .anniu_base .button_blue{width:50px;height:25px;background-color:#2b83df;color:#FFF;margin:0px 5px;}

/*用户登录*/
.login{background-color:#2b83df;}
.login .picture{margin:0 auto;width:960px;}
.infor{width:410px;height:280px;border:1px solid #e3e3e3;left:50%;margin-left:-205px;position:absolute;top:270px;background-color:#fff;}
.infor table{margin:60px 0px 0px 60px;}
.infor table td{padding-bottom:15px;}
.infor .input{width:245px;border:1px solid #e1e1e1;height:35px;color:#8f8f8f;padding-left:5px;line-height:35px;}
.infor .anniu{margin:10px 0px 0px 60px;}
.infor .anniu .button_blue{height:37px;width:140px;background-color:#2b83df;color:#fff;font-size:14px;font-weight:bold;}
.infor .anniu .button_gray{height:37px;width:140px;background-color:#dddcdc;color:#666;font-size:14px;font-weight:bold;margin-left:8px;}
.copyright{position:absolute;top:300px;left:50%;margin-left:-100px;color:#8f8f8f;}

/*退出系统*/
.log_out{width:300px;height:200px;left:50%;top:50%;margin-left:-150px;margin-top:-100px;position:absolute;background-color:#fff;}
.log_out_head{height:32px;background-color:#3c97f5;width:290px;color:#cbe1fe;line-height:32px;padding-left:10px;}
.log_out_head img{padding-left:220px;}
.log_out_content{width:298px;height:167px;border:1px solid #e3e3e3;}
.log_out_content .ask{text-align:center;padding-top:40px;color:#666;}
.log_out_content .anniu{text-align:center;padding-top:30px;}
.log_out_content .button_blue{height:26px;background-color:#3c97f5;width:52px;color:#FFF;margin-right:5px;}
.log_out_content .button_gray{height:26px;background-color:#dddcdc;width:52px;color:#666;}

/*欢迎图片*/
img.welcome { position: absolute;  left: 50%;  margin-left: -305px;  margin-top: 80px; }

/*阀值设置*/
.content .button_mon{float:right;}
.content .button{background-color:#3c97f5;color:#fff;padding:4px 10px;margin-left:5px;}
.panel_mon{margin-top:10px;}
.panel_mon_heading{background-color:#e9e9ea;line-height:28px;height:28px;border:1px solid #ddd;text-align:left;padding:0px 10px;font-weight:100;}
.panel_mon_body{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}

.panel_mon_name{float:left;}
.panel_mon_heading img{float:right;padding:3px 0px 0px 0px;}
.form_mon{padding:5px;}
.form_mon .form-group{width:33%;float:left;margin:5px 0px;}
.form_mon .form-group1{width:67%;float:left;margin:5px 0px;}

.form_mon .label_mon{width:50%;text-align:right;float:left;line-height:25px;padding-right:2px;}
.form_mon .form-groupline{width:100%;float:left;padding:0px 3px;margin:5px 0px;}
.form_mon .input{width:30%;text-align:left;float:left;border:1px solid #ccc;color:#666;height:22px;padding:0px 3px;}
.form_mon .add{width:100%;text-align:left;float:left;height:22px;padding:0px 30px;}
.form_mon .onelineinput{border:1px solid #ccc;color:#666;width: 30%}

.form_mon .form-span{width:67%;text-align:left;float:left;height:22px;padding:0px 30px;}
.form_mon .form-input{border:1px solid #ccc;color:#666;width: 30%}

.form_mon .dw_mon{float:left;padding-left:3px;line-height:25px;}
